<!--
  To change this template, choose Tools | Templates
  and open the template in the editor.
-->


<%@ page contentType="text/html;charset=UTF-8" %>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="shortcut icon" href="${resource(dir:'images',file:'icoccevents.ico')}" type="image/x-icon" />
        <link rel="stylesheet" href="${resource(dir:'css',file:'style.css')}" />
        <link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />

        <fbg:resources locale="${Locale.getDefault()}" />
        <title>...:::ccEventes:::...</title>

 <script type="text/javascript">
	function facebookLogin() {
		FB.getLoginStatus(
                    function(response) {
			if (response.session) {
				// logged in and connected user, someone you know
				window.location.href ="${createLink(controller:'usuario', action:'handleLoginFacebook')}";
			}
		});
	}
</script>
    <script src="http://connect.facebook.net/en_US/all.js">

    </script>
<script>
	FB.init({appId: '117310565011877', cookie: true, xfbml: true, status: true});
</script>
      </head>
      <body>
        <div id="geral">

          <div id="cabecalho">
            <a href="http://localhost:80/ccevents">
              <embed src="${resource(dir:'images',file:'topo.swf')}" quality=high pluginspage="http://localhost/ccevents" width="796px" height="176px" /> </a>
              </a>
          </div>
          <div id="menu" align="right">
            <span class="fonterodape"> <b> <a href="/ccevents">  Página Principal </a> &emsp;|&emsp; <a href="/ccevents/projetoisi.gsp"> Projeto ISI </a>&emsp;|&emsp; <a href="/ccevents/equipe.gsp"> Equipe</a> </b> &emsp; </span>
          </div>
          <div id="loging">
            <div id="logine" align="center">

              <br><br><br><br><br><br><br>
             <g:if test="${flash.message}">
                <div class="message">${flash.message}</div>
              </g:if>
             <p>


             </p>
             <form action="handleLogin" method="post">
               <table>
                     <tr>
                        <td>    <label for="login">Email:</label> </td>
                        <td>     <input type="text" name="email" /> </td>

                     </tr>
                     <tr>
                          <td>    <label for="password">Senha:</label> </td>
                          <td>    <input type="password" name="senha" /> </td>
                     </tr>
                     <tr>
                      <td>
                              <input type="submit" value="Login" />
                      </td>
                       <td>
                       </td>

                     </tr>
                     <tr>
                      <td>
                              <td> <b> <g:link uri="/usuario/esqueceusenha.gsp">Esqueceu a senha? </g:link> </b> </td>
                     </td> <td>
                       </td>
                     </tr>
                     <tr>
                      <td>
                              <td><b> <g:link action="register">Registre-se aqui</g:link> </b> </td>
                      </td><td>
                       </td>
                     </tr>


               </table>
             </form>
            </div>
            <div id="loginc">
            </div>
            <div id="logind" align="center">
              <br><br><br><br><br><br><br><br><br><br><br><br><br>
              <fb:login-button perms="email,publish_stream" onlogin="facebookLogin();" size="large">
                                <g:message code="auth.login.facebook" default="Conectar-se"/>
                            </fb:login-button>
             </div>
          </div>
          <div id="rodape" align="center">
            <span class="fonterodape">Desenvolvido pela <b><a href="http://www.google.com.br"> CC S/A </a></b>- Direitos Reservados / Projeto da <a href="http://www.upe.br"> <b>Universidade de Pernambuco</b> </a> </span>
          </div>
             </div>
      </body>
</html>